<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start" (click)="back()">
      <ion-icon name="arrow-back" size="large"></ion-icon>
    </ion-buttons>
    <ion-title>修改信息</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content class="background-color">
  <div>
    <ion-item>
      <span class="borrowerText">所在区域</span>
      <span class="span1">{{address}}</span>
    </ion-item>
    <ion-item>
      <span class="borrowerText">楼栋号</span>
      <span class="span1">{{option}}</span>
      <ion-label class="ion-text-right" (click)="openPicker()">
        <img src="/assets/images/borrower/down1.svg" alt="" class="status">
      </ion-label>
    </ion-item>
    <ion-item>
      <span class="borrowerText">单元号</span>
      <span class="span1">{{option1}}</span>
      <ion-label class="ion-text-right" (click)="openUnit()">
        <img src="/assets/images/borrower/down1.svg" alt="" class="status">
      </ion-label>
    </ion-item>
    <ion-item>
      <span class="borrowerText">门牌号</span>
      <span class="span1">{{option2}}</span>
      <ion-label class="ion-text-right" (click)="openHouse()">
        <img src="/assets/images/borrower/down1.svg" alt="" class="status">
      </ion-label>
    </ion-item>
    <ion-item>
      <span class="borrowerText">建筑面积</span>
      <input class="span1" type="text" placeholder="请输入" spellcheck="true"
             autocomplete="on" onkeyup="value=value.replace(/[^\d+.]/g,'')"
             [(ngModel)]="resiArea" >
      <ion-label class="ion-text-right">㎡</ion-label>
    </ion-item>
    <ion-item>
      <span class="borrowerText">是否有地下室</span>
      <app-filter-box  [filterData]="status" class="span1"
                       (getSubmitData)="getFilter($event)"></app-filter-box>
    </ion-item>
    <ion-item>
      <span class="borrowerText">地上面积</span>
      <input class="span1" type="text" placeholder="请输入" spellcheck="true"
             autocomplete="on" onkeyup="value=value.replace(/[^\d+.]/g,'')"
             (blur)="AreaTest($event.target.value)" [(ngModel)]="floorArea">
      <ion-label class="ion-text-right">㎡</ion-label>
    </ion-item>
    <ion-item>
      <span class="borrowerText">地下面积</span>
      <input class="span1" type="text" placeholder="请输入" spellcheck="true"
             autocomplete="on" onkeyup="value=value.replace(/[^\d+.]/g,'')"
             (blur)="AreaTest1($event.target.value)" [(ngModel)]="undergroundArea">
      <ion-label class="ion-text-right">㎡</ion-label>
    </ion-item>

    <ion-item class="ion-item" lines="none">
      <span class="borrowerText">建成年份</span>
      <label  class="span1" style="margin-left: 0;">
          <ion-datetime class="endTime" placeholder="请选择"
                        cancelText="取消"
                        doneText="确认"
                        [(ngModel)]="builtYear"
                        displayFormat="YYYY"
                        description="YYYY"
                        pickerFormat="YYYY">
          </ion-datetime>
      </label>
      <ion-label class="ion-text-right">年</ion-label>
  </ion-item>

  </div>
</ion-content>
<div class="latitude-and-longitude" style="display: none"></div>
<div class="province" style="display: none"></div>
<div class="city" style="display: none"></div>
<div class="district" style="display: none"></div>
<ion-footer>
  <ion-button expand="full" fill='clear' id="footer" class="submit" (click)="submit()">确认</ion-button>
</ion-footer>
